<template>
  <div class="house">
    <div class="house-top">
      <div class="house-top-nav">业务查询>>仓库使用明细</div>
    </div>
    <div class="house-model">
      <el-tabs type="border-card">
        <el-tab-pane label="一号仓库">1号仓库  当前仓库状态</el-tab-pane>
        <el-tab-pane label="二号仓库">2号仓库  当前仓库状态</el-tab-pane>
        <el-tab-pane label="三号仓库">3号仓库  当前仓库状态</el-tab-pane>
        <el-tab-pane label="四号仓库">4号仓库  当前仓库状态</el-tab-pane>
        <el-tab-pane label="五号仓库">5号仓库  当前仓库状态</el-tab-pane>
        <el-tab-pane label="六号仓库">6号仓库  当前仓库状态</el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<style>
.el-tabs__nav-scroll {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-tabs__content{
  text-align: center;
}
</style>
<style scoped>
* {
  margin: 0px;
  padding: 0px;
}
.house-top {
  width: 1000px;
  font-size: 14px;
}
.house-top-nav {
  height: 40px;
  line-height: 40px;
  background-color: #f7f7f7;
  padding-left: 25px;
  border: 1px solid #e8e9ea;
  color: #2e6095;
}
.house {
  width: 1000px;
  min-width: 1000px;
  height: 216px;
}
</style>
